<style>
.ddpro-details-elements-main{
    width:100%;
    font-size:0;
}
.ddpro-details-elements-item{
    width:100%;
}
.ddpro-details-elements-item picture img{
    max-width:100%;
    margin:0 auto;

}
</style>
 
<div class="ddpro-details-elements-main">
    {% for block in section.blocks %}
    {% if block.type == 'style' %}
    <div class="ddpro-details-elements-item">
        <picture>
            <source srcset="{{ block.settings.image_mb | img_url: 'master' }}" media="(max-width: 750px)" />
            <img src="{{ block.settings.image_pc | img_url: 'master' }}" alt="{{ block.settings.image_pc.alt | escape }}" />
        </picture>
    </div>
    {%endif%}
    {%endfor %}
</div>

{% schema %}
{
  "name": "产品页 - 产品详情图片",  
  "class":"ddpro-details-elements",
  "settings": [
 
  ],
  "blocks": [
    {
      "type": "banner",
      "name": "详情图片",
      "settings": [
        {
            "type": "image_picker",
            "id": "image_pc",
            "label": "PC 详情图"
        },
        {
            "type": "image_picker",
            "id": "image_mb",
            "label": "MB 详情图"
        },
      ]
    }
  ]
}
{% endschema %}

